<template>
  <div class=''>
      <van-nav-bar left-text="返回" left-arrow fixed z-index="1002" class="top-nav-con">
        <template #left>
             <van-icon @click="toback" name="arrow-left" size='22' color='#fff' />
      </template>
        <template #title>
        <span class="top-nav-title">{{ title }}</span>
      </template>
</van-nav-bar>
  </div>
</template> 

<script>
export default {
  name: '',
  props: {
    title:{
      type: String,
    }
  },
  components: {},
  data() {
    return {
      
    };
  },
  methods: {
    toback(){
      this.$router.back()
    }
  },

  created() {
    
  },

  mounted() {},

  computed: {},

  watch: {},

};
</script>

<style lang='scss' scoped>
@import '@/style/common.sass';
.top-nav-con {
  background-color: $bgc-a;
}
.top-nav-title {
  color: #fff;
  font-size: 0.86rem;
}
.top-nav-titlea {
  margin-left: 0.59rem;
}
</style>